<template>
  <div>
    <a-card :bordered="false" :body-style="{marginBottom: '20px'}">
      <a-form :form="form">
        <h4 class="form-title"><b>基本信息</b></h4>
        <a-row :gutter="24" :style="{ marginBottom: '16px' }">
          <a-col :span="8">
            <label class="labeltitle">登陆账号:</label> 
            <span class="item-content">{{ this.$store.getters.userInfo.id }}</span>
          </a-col>
        </a-row>
        <a-row :gutter="24" :style="{ marginBottom: '16px' }">
          <a-col :span="8">
            <label class="labeltitle">用户名称:</label> 
            <span class="item-content">{{ this.$store.getters.userInfo.login }}</span>
          </a-col>
        </a-row>
        <a-row :gutter="24" :style="{ marginBottom: '16px' }">
          <a-col :span="8">
            <label class="labeltitle">应用列表:</label> 
            <span class="item-content">{{ this.$store.getters.userInfo.apps }}</span>
          </a-col>
        </a-row>
      </a-form>
    </a-card>    
  </div>
</template>

<script>
export default {
  components: {},

  data () {
    return {
    }
  },

  filters: {},

  computed: {},

  mounted () {},

  methods: {}
}
</script>

<style lang="less" scoped>
  .form-title {
    color: rgba(0,0,0,.85);
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .labeltitle{
    margin-right: 10px;
  }
  .item-content{
    color: #999;
  }
</style>
